<div ng-controller="sidebarController">
    <!-- sideBar BEGIN -->
        <div class="left-main animate-time" ng-class="{ true: 'left-full', false: 'left-off' }[isActive]">
        		<div class="shrink-from" ng-click="indent()" ng-class="{ true: 'open', false: 'closec' }[isActive]">
					<img class="left-img"  height="30px" width="30px" src="../images/sidebar/left-img.png">
					<img class="right-img" height="30px" width="30px" src="../images/sidebar/right-img.png">
				</div>
                <div class="subNavBox" >
                     <!-- 产品 BEGIN -->
                        <div class="sBox system" id="accordion">
                        	<div class="sBox-top">
                   				<span class="sublist-title">产品管理</span>
                   			</div>
                        	<div class="panel ">
	                        	<div class="subNav sublist-up"
	                        		data-toggle="collapse" 
			                    	data-parent="#accordion" 
									data-target="#collapseOne"
	                        		>
	                                <img class="navigation-icon pull-left" src="../images/sidebar-fff/product/Resources.png">
	                                <span class="sublist-title">资源管理</span>
	                                <span class="pull-right title-icon glyphicon show glyphicon-menu-up" ></span>
	                            </div>
	                            <ul class="navContent panel-collapse collapse in" id="collapseOne" >
	                                <li class="config" ui-sref="product.resourcetype" ng-class="{'active':  $state.current.name == 'product.resourcetype' || $state.current.name == 'product'}">
	                                    <a>
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/Resourcestype.png">
	                                        <span class="sub-title">资源类型管理</span>
	                                    </a>
	                                </li>
	                                <li class="journal"ui-sref="product.resourceclassify" ui-sref-active="active">
	                                    <a>
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/fenleo.png">
	                                        <span class="sub-title">资源分类管理</span>
	                                    </a>
	                                </li>
	                            </ul>
	                        </div>
	                        <div class="panel">
	                            <div class="subNav sublist-up"
	                            	data-toggle="collapse" 
			                    	data-parent="#accordion" 
									data-target="#collapseTwo"
	                            	>
	                                <img class="navigation-icon pull-left" src="../images/sidebar-fff/product/productadmin.png">
	                                <span class="sublist-title">产品管理</span>
	                                <span class="pull-right title-icon glyphicon show glyphicon-menu-up" ></span>
	                            </div>
	                            <ul class="navContent panel-collapse collapse" id="collapseTwo" >
	                                <li class="config" ui-sref-active="active">
	                                    <a  ui-sref="product.config" ui-sref-active="active">
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/newspaper.png">
	                                        <span class="sub-title">报纸管理</span>
	                                    </a>
	                                </li>
	                                <li class="journal" ui-sref="product.journal" ui-sref-active="active">
	                                    <a  >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/periodical.png">
	                                        <span class="sub-title">期刊管理</span>
	                                    </a>
	                                </li>
	                                <li class="task" ui-sref="product.task" ui-sref-active="active">
	                                    <a  >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/book.png">
	                                        <span class="sub-title">图书管理</span>
	                                    </a>
	                                </li>
	                                <li  ui-sref="product.register" ui-sref-active="active">
	                                    <a  >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/article.png">
	                                        <span class="sub-title">文章管理</span>
	                                    </a>
	                                </li>
	                                <li class="sso" ui-sref="product.video" ui-sref-active="active" >
	                                    <a  >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/video.png">
	                                        <span class="sub-title">视频管理</span>
	                                    </a>
	                                </li>
	                                <li class="sso" ui-sref="product.game" ui-sref-active="active">
	                                    <a  >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/game.png">
	                                        <span class="sub-title">游戏管理</span>
	                                    </a>
	                                </li>
	                            </ul>
	                        </div>
	                        <div class="panel ">
	                            <div class="subNav sublist-up"
	                            	data-toggle="collapse" 
			                   		data-parent="#accordion" 
									data-target="#collapseTree"
	                            	>
	                                <img class="navigation-icon pull-left" src="../images/sidebar-fff/product/storage.png">
	                                <span class="sublist-title">入库管理</span>
	                                <span class="pull-right title-icon glyphicon show glyphicon-menu-up" ></span>
	                            </div>
	                             <ul class="navContent panel-collapse collapse" id="collapseTree">
	                                <li ui-sref="product.storage" ui-sref-active="active">
	                                    <a  >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/product/storage.png">
	                                        <span class="sub-title">入库管理</span>
	                                    </a>
	                                </li>
	                            </ul>
	                        </div>    
                        </div>
                    <!-- 产品 END -->




                </div>
            </div>
    <!-- sideBar END --> 
</div> 